
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>酒店管理</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lbt.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script>
		<script src="js/ditu.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="div">
			<!--头-->
			<div id="head">
				<div id="title">
					<span id="logo"><a href="index.jsp#shouyebufen">王府井永光酒店</a></span>
					<span class="dh"><a href="#shouyebufen">首页</a></span>
					<span class="dh"><a href="#fangjianyuding">房间预定</a></span>
					<span class="dh"><a href="#jiudianxiangqing">酒店详情</a></span>
					<span class="dh"><a href="#pingjia">评价</a></span>
					<span class="dh"><a href="wodedingdan.jsp">我的订单</a></span>
				</div>
			</div>
			<a href="" name="shouyebufen"></a>
			<div id="headTS">
				
			</div>
			
			<!--首页部分-->
			<div id="shouye">
				<div id="lbt">
					<div class="container">
				        <!-- 先把第一张图片显示出来 -->
				        <img class="on" src="img/001.jpg" />
				        <img src="img/002.jpg" />
				        <img src="img/003.jpg" />
				        <img src="img/004.jpg" />
				        <!-- 左右切换 -->
				        <div class="left"><</div>
				        <div class="right">></div>
				        <!-- 焦点 -->
				        <ul>
				            <li class="active"></li>
				            <li></li>
				            <li></li>
				            <li></li>
				        </ul>
				    </div>
				</div>
				<div id="shouye_right">
					<p id="shouye_bt">王府井永光酒店</p>
					<p>
						<span id="pf">5.0分</span>
						<span id="hp">100%好评</span>
					</p>
					<p>
						<span class="td">位置优越</span>
						<span class="td">性价比高</span>
						<span class="td">环境舒适</span>
					</p>
					<p>酒店地址：xxx省xxx市xxx街道xxx号</p>
					<p>客服电话：12345678901</p>
				</div>
			</div>
			
			<!--房间预定-->
			<a href="" name="fangjianyuding"></a>
			<div id="fjyd">
				<div id="fjyd_title" style="font-size: 48px;">
					房间预定
				</div>
				<div id="fjyd_content">
					<form action="">
						<select name="" id="">
							<option value="">床型</option>
							<option value="">大床房</option>
							<option value="">双床</option>
							<option value="">单人床</option>
						</select>
						<select name="" id="">
							<option value="">入住人数</option>
							<option value="">一人</option>
							<option value="">两人</option>
							<option value="">三人</option>
						</select>
						<input type="submit" id="fjyd_cx" value="查询" />
					</form>
					<table id="fjyd_table">
						<tr id="fjyd_tr">
							<td>图片</td>
							<td>房型</td>
							<td>床型</td>
							<td>早餐</td>
							<td>入住人数</td>
							<td>政策</td>
							<td>房价</td>
							<td>操作</td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td  class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td  class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td  class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td  class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr class="fjyd_xx">
							<td><img src="img/002.jpg"/></td>
							<td>经济大床房</td>
							<td>大床</td>
							<td>无早餐</td>
							<td>两人</td>
							<td>今天12:00时钱免费取消</td>
							<td  class="money">￥549</td>
							<td><a href="">预定</a></td>
						</tr>
						<tr style="height: 100px;">
							<td colspan="8">
								<a href="">首页</a>
								<a href="">上一页</a>
								<a href="">1</a>
								<a href="">2</a>
								<a href="">3</a>
								<a href="">下一页</a>
								<a href="">尾页</a>
								<span>1/3页</span>
								<span>共34条</span>
							</td>
						</tr>
					</table>
				</div>
			</div>
			
			<!--酒店详情-->
			<a href="" name="jiudianxiangqing"></a>
			<div id="jdxq">
				<div style="font-size: 48px;">
					酒店详情
				</div>
				<div id="jdxq_content">
					<table>
						<tr>
							<th>酒店亮点</th>
							<td>战略合作酒店，城市销量前列，优质服务保障，提供去哪儿平台专属低价</td>
						</tr>
						<tr>
							<th>联系方式</th>
							<td>+861065265558</td>
						</tr>
						<tr>
							<th>基本信息</th>
							<td>200间客房</td>
						</tr>
						<tr>
							<th class="jdxq_jdjj">酒店简介</th>
							<td>
								酒店位于市中心王府井地区，周边景点众多，靠近天安门广场、故宫，毗邻王府井步行街、新东方广场仅150米。<br />
								酒店位置优越，交通便捷。<br />
								酒店周围汇聚着北京最繁荣的购物、休闲娱乐、餐饮，酒店门口是东华门夜市汇聚各类特色小吃。<br />
								无论您是去天安门广场看升旗还是去故宫博物院，皇城根遗址公园。<br />
								酒店房间装修温馨典雅，基础生活设施齐备，将是您理想的温馨的住所，酒店全体员工期待您的光临。
							</td>
						</tr>
						<tr>
							<th class="jdxq_jdjj">入离时间</th>
							<td>
								入住时间：入住当天14:00后<br />
								离店时间：离店当天12:00前
							</td>
						</tr>
						<tr>
							<th>儿童政策</th>
							<td>每间客房最多容纳1名0至12岁儿童与成人共用现有床铺</td>
						</tr>
						<tr>
							<th>宠物</th>
							<td>不可携带宠物。</td>
						</tr>
						<tr>
							<th>通用设施</th>
							<td>
								<span style="color: #27C8E3;">√</span>电梯&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>空调&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>24小时热水&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>吹风机&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>门禁系统&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>净水机&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>自动售货机
							</td>
						</tr>
						<tr>
							<th>清洁服务</th>
							<td>
								<span style="color: #27C8E3;">√</span>洗衣服务&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>干衣机&nbsp;&nbsp;&nbsp;
								<span style="color: #27C8E3;">√</span>洗衣房&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
					</table>
					<div id="jdxq_dt">
						<div class="ditu" id="map"></div>
					</div>
				</div>
			</div>
			
			<!--评价-->
			<a href="" name="pingjia"></a>
			<div id="pj">
				<div id="pj_bt">
					<span class="pj_bt_dp pj_dp">点评</span><span class="pj_dp_sl">(2354)</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<!--<span class="pj_bt_dp pj_wd">问答</span><span class="pj_wd_sl">(180)</span>-->
				</div>
				<div id="dp">
					<!--<div id="wydp">
						
					</div>-->
					<div id="dpsx">
						<input type="radio" name="sx" checked/><span class="dpsx_qb">全部</span>
						<input type="radio" name="sx" /><span>好评(2031)</span>
						<input type="radio" name="sx" /><span>中评(317)</span>
						<input type="radio" name="sx" /><span>差评(6)</span>
						<span class="dp_rmpx"><a href="#">热门排序↓</a></span>
						<span class="dp_sjpx"><a href="#">时间排序↓</a></span>
					</div>
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					
					<div id="yhdp">
						<table>
							<tr>
								<td rowspan="3" class="yhdp_yhmtp"><img src="img/005.jpg"/></td>
								<td>老人很满意,前台和客房服务都很热情</td>
							</tr>
							<tr>
								<td>五颗星</td>
							</tr>
							<tr>
								<td>
									#卫生间干净  #客房干净  #服务很热情  #态度热情  #风格独特。空间体验好  #安全放心  #锁链不错  
									入住体验非常不错，老人很满意，前台和客房服务都很热情。
								</td>
							</tr>
							<tr>
								<td rowspan="2" class="yhdp_yhm"><span>glzf7357</span></td>
								<td class="yhdp_img">
									<img src="img/001.jpg"/>
									<img src="img/002.jpg"/>
									<img src="img/003.jpg"/>
									<img src="img/004.jpg"/>
								</td>
							</tr>
							<tr class="yhdp_zh">
								<td>
									<span>时间：2022年8月24日  11:40</span>
									<span class="yhdp_yy"><span><img src="img/dianzan.png" class="dianzan"/><img src="img/dianzan2.png" class="dianzan2"/></span>&nbsp;有用</span>
									<span class="yhdp_pl"><span><img src="img/xinxi.png" class="xinxi"/><img src="img/xinxi2.png" class="xinxi2"/></span>&nbsp;评论</span>
								</td>
							</tr>
						</table>
					</div>
					<div id="yhdp_fenye">
						<a href="">首页</a>
						<a href="">上一页</a>
						<a href="">1</a>
						<a href="">2</a>
						<a href="">3</a>
						<a href="">下一页</a>
						<a href="">尾页</a>
						<span>1/3页</span>
						<span>共34条</span>
					</div>
				</div>
			</div>
			
			<!--页脚-->
			<div id="" style="margin-top: 100px;">
				<img src="img/yejiao.png"/>
			</div>
		</div>
	</body>
</html>
